<div class="kuiBar kuiVerticalRhythm">
  <div class="kuiBarSection">
    <!-- Index pattern name -->
    <h1
      class="kuiTitle kuiVerticalRhythm"
      data-test-subj="indexPatternTitle"
    >
      <span
        aria-hidden="true"
        ng-if="defaultIndex === indexPattern.id"
        class="kuiIcon fa-star"
      ></span>
      {{indexPattern.title}}
    </h1>
  </div>

  <div class="kuiBarSection">
    <button
      ng-if="setDefault"
      ng-click="setDefault()"
      aria-label="Set as default index"
      tooltip="Set as default index"
      class="kuiButton kuiButton--basic"
      data-test-subj="setDefaultIndexPatternButton"
    >
      <span
        aria-hidden="true"
        class="kuiIcon fa-star"
      ></span>
    </button>

    <button
      ng-if="refreshFields"
      ng-click="refreshFields()"
      aria-label="Reload field list"
      tooltip="Refresh field list"
      class="kuiButton kuiButton--basic"
    >
      <span
        aria-hidden="true"
        class="kuiIcon fa-refresh"
      ></span>
    </button>

    <button
      ng-if="delete"
      ng-click="delete()"
      aria-label="Remove index pattern"
      tooltip="Remove index pattern"
      class="kuiButton kuiButton--danger"
      data-test-subj="deleteIndexPatternButton"
    >
      <span
        aria-hidden="true"
        class="kuiIcon fa-trash"
      ></span>
    </button>
  </div>
</div>
